<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <style>
    td {
      padding: 5px 10px;
      text-align: center;
      vertical-align: middle;
      border: 1px solid black;
    }
    table {
      border: 1px solid black;
      border-collapse: collapse;
    }
    .zaizhong0 {
      background-color: rgb(32, 119, 32);
    }
    .zaizhong1 {
      background-color: hotpink;
    }
    .zaizhong2 {
      background-color: khaki;
    }
    .zaizhong3 {
    }
  </style>
  <body>
    <table>
      <thead>
        <tr>
          <td>名称</td>
          <td>出刀数</td>
          <td>出刀伤害</td>
          <td>第一刀</td>
          <td>第二刀</td>
          <td>第三刀</td>
        </tr>
      </thead>
      <tbody>
        <% memberList.forEach(member=>{ %> <% let className; const num =
        member.damage_num; className = `zaizhong${num}` %>
        <tr class="<%= className %>">
          <td><%=member.name %></td>
          <td><%=member.damage_num %>/3</td>
          <td><%=member.damage_total %></td>
          <td>
            <% if(member.damage_list[0]){ %> 第<%=member.damage_list[0].round
            %>轮
          </br><%=member.damage_list[0].boss_name
            %>
          </br>
            <%=member.damage_list[0].damage %> <% } %>
          </td>
          <td>
            <% if(member.damage_list[1]){ %> 第<%=member.damage_list[1].round
            %>轮
          </br>
            <%=member.damage_list[1].boss_name
            %>
          </br>
            <%=member.damage_list[1].damage %> <% } %>
          </td>
          <td>
            <% if(member.damage_list[2]){ %> 第<%=member.damage_list[2].round
            %>轮
          </br>
            <%=member.damage_list[2].boss_name
            %>
          </br>
            <%=member.damage_list[2].damage %> <% } %>
          </td>
        </tr>
        <% }) %>
      </tbody>
    </table>
  </body>
</html>
